<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:m="http://code.google.com/p/gmaps4jsf/">
    <link rel="stylesheet" href="estilo.css" />
    <f:view>


        <h:head>

            <script type="text/javascript"
            src="http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/yuiloader/yuiloader.js"></script>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
            <m:resources key="ABQIAAAAD6cDv-a0AnpzXA4gj6utCRTUlDOzA1Sd8h2eDxLDJEZUtkHZ_xQlPmNUQ-At6YLqCd29cGkwT8i95A"/>
            <title>Reportes</title>
        </h:head>

        <h:body onunload="GUnload()">
            <div id="banner">
                <h1><span class="Estilo1">Glogal Observing System</span><h2><span class="Estilo2">Alertas <h:outputText value="#{faces.name}-#{faces.tipoUsuario}"/> </span></h2></h1>
            </div>

            <h:form id="mapa" >
                <div>Seleccione los puntos</div>
                <m:map width="500px" height="500px" latitude="#{faces.latitude}" longitude="#{faces.longitude}" jsVariable="map1" zoom="2">
                    <m:marker latitude="#{faces.latitude}" longitude="#{faces.longitude}" jsVariable="marker1" draggable="true">
                        <m:icon shadowImageURL="http://www.google.com/mapfiles/shadow50.png"
                                imageURL="http://www.google.com/mapfiles/markerA.png"/>
                    </m:marker>                   
                </m:map>
                
            </h:form>


            <h:form id="alertas">
                <h:commandButton value="Agregar Sitio" action="#{faces.agregarSitio}"/>
            </h:form>
            <div id="ext">
                <h:outputLink value="principal.xhtml"> Pagina principal </h:outputLink>
            </div>

        </h:body>
    </f:view>
</html>
